﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.1动态</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_1动态/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/2_1动态/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片 ) -->
      <div id="u3805" class="ax_default image1">
        <img id="u3805_img" class="img " src="images/2_1动态/u3805.png"/>
        <div id="u3805_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u3806" class="ax_default image1">
        <img id="u3806_img" class="img " src="images/2_1动态/u3806.png"/>
        <div id="u3806_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u3807" class="ax_default image1">
        <img id="u3807_img" class="img " src="images/2_1动态/u3807.png"/>
        <div id="u3807_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3808" class="ax_default" data-left="130.5" data-top="763.5" data-width="142" data-height="89.5">

        <!-- Unnamed (图片 ) -->
        <div id="u3809" class="ax_default image1">
          <img id="u3809_img" class="img " src="images/界面流程图/u176.png"/>
          <div id="u3809_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3810" class="ax_default image1">
          <img id="u3810_img" class="img " src="images/界面流程图/u177.svg"/>
          <div id="u3810_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3811" class="ax_default image1">
          <img id="u3811_img" class="img " src="images/界面流程图/u176.png"/>
          <div id="u3811_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3812" class="ax_default" data-left="460.5" data-top="767.5" data-width="142" data-height="89.5">

        <!-- Unnamed (图片 ) -->
        <div id="u3813" class="ax_default image1">
          <img id="u3813_img" class="img " src="images/界面流程图/u176.png"/>
          <div id="u3813_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3814" class="ax_default image1">
          <img id="u3814_img" class="img " src="images/界面流程图/u177.svg"/>
          <div id="u3814_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3815" class="ax_default image1">
          <img id="u3815_img" class="img " src="images/界面流程图/u176.png"/>
          <div id="u3815_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3816" class="ax_default" data-left="804.5" data-top="763.5" data-width="142" data-height="89.5">

        <!-- Unnamed (图片 ) -->
        <div id="u3817" class="ax_default image1">
          <img id="u3817_img" class="img " src="images/界面流程图/u176.png"/>
          <div id="u3817_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3818" class="ax_default image1">
          <img id="u3818_img" class="img " src="images/界面流程图/u177.svg"/>
          <div id="u3818_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u3819" class="ax_default image1">
          <img id="u3819_img" class="img " src="images/界面流程图/u176.png"/>
          <div id="u3819_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3820" class="ax_default _形状">
        <img id="u3820_img" class="img " src="images/2_1动态/u3820.svg"/>
        <div id="u3820_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3821" class="ax_default label">
        <div id="u3821_div" class=""></div>
        <div id="u3821_text" class="text ">
          <p><span>1. 点击APP下方导航中的社区icon即可进入到社区界面。</span></p><p><span>2. 社区主要分为三个大模块，分别是“动态”、“话题”、“社群”。</span></p><p><span>3. 每个大模块下有属于自己的小模块，其动态模块下有三个小模块，分别是“推荐”、“图文”、“视频”模块。</span></p><p><span>4. 大模块之间的切换可以通过点击最上方相对应的文字进行切换，小模块之间的切换通过左右滑动进行切换。当小模块滑动至尽头时自动切换大模块。比如，当滑动至“视频”模块，若再继续向左滑动页面，大模块则会自动从”动态“切到”话题“模块。</span></p><p><span>5. 详细交互可以在页面中的社区操作查看。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3822" class="ax_default label">
        <div id="u3822_div" class=""></div>
        <div id="u3822_text" class="text ">
          <p><span>社区 - 动态功能 - 模块切换</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3823" class="ax_default label">
        <div id="u3823_div" class=""></div>
        <div id="u3823_text" class="text ">
          <p><span>社区 - 动态功能 - 推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3824" class="ax_default _形状">
        <img id="u3824_img" class="img " src="images/2_1动态/u3824.svg"/>
        <div id="u3824_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3825" class="ax_default label">
        <div id="u3825_div" class=""></div>
        <div id="u3825_text" class="text ">
          <p><span>1. 采用了瀑布流的排版展示方式。根据更新时间进行排序，更新的内容排在上方。用户向上滑动可以查看更多内容。</span></p><p><span>2. 根据用户喜欢的内容，平时常看的内容，进行大数据分析，智能给用户进行推荐。</span></p><p><span>3. 用户可以查看内容，点赞内容；点击图片区域可以进入到详情页面，查看更多内容；用户可以下载图片以及对内容进行评论和转发。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3826" class="ax_default label">
        <div id="u3826_div" class=""></div>
        <div id="u3826_text" class="text ">
          <p><span>社区 - 动态功能 - 视频</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3827" class="ax_default _形状">
        <img id="u3827_img" class="img " src="images/2_1动态/u3827.svg"/>
        <div id="u3827_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3828" class="ax_default label">
        <div id="u3828_div" class=""></div>
        <div id="u3828_text" class="text ">
          <p><span>1. 用户滑动页面可以切入至视频模块，可以观看视频。</span></p><p><span>2. 视频发布以用户为一个单位，用户头像旁边为用户昵称，昵称下方为用户的简单介绍。头像下方为视频，视频下方为视频标题。</span></p><p><span>3. 用户可以对视频进行转发，评论，点赞操作。 </span></p><p><span>4. 当用户滑至视频，视频默认无声播放，当用户点击视频画面进入全屏播放时，采用有声播放。</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3829" class="ax_default" data-left="942" data-top="379.5" data-width="106" data-height="119.5">

        <!-- Unnamed (图片 ) -->
        <div id="u3830" class="ax_default image1">
          <img id="u3830_img" class="img " src="images/界面流程图/u177.svg"/>
          <div id="u3830_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u3831" class="ax_default arrow">
          <img id="u3831_img" class="img " src="images/2_1动态/u3831.svg"/>
          <div id="u3831_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u3832" class="ax_default" data-left="27" data-top="545.5" data-width="106" data-height="119.5">

        <!-- Unnamed (图片 ) -->
        <div id="u3833" class="ax_default image1">
          <img id="u3833_img" class="img " src="images/界面流程图/u177.svg"/>
          <div id="u3833_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u3834" class="ax_default arrow">
          <img id="u3834_img" class="img " src="images/2_1动态/u3831.svg"/>
          <div id="u3834_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3835" class="ax_default label">
        <div id="u3835_div" class=""></div>
        <div id="u3835_text" class="text ">
          <p><span>社区 - 动态功能 - 图文</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3836" class="ax_default _形状">
        <img id="u3836_img" class="img " src="images/2_1动态/u3836.svg"/>
        <div id="u3836_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3837" class="ax_default label">
        <div id="u3837_div" class=""></div>
        <div id="u3837_text" class="text ">
          <p><span>1. 用户滑动界面即可进入“图文”页面</span></p><p><span>2. 图文列表，主要是用户发布的图片内容会在这里展示，与推荐列表不同的是，推荐列表会推荐相对热门的内容。</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u3838" class="ax_default image1">
        <img id="u3838_img" class="img " src="images/2_1动态/u3838.png"/>
        <div id="u3838_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
